<template>
  <div class="page-container">
    <h3>对象格式侦听器</h3>
    <input type="text" v-model="name" />
    <hr />
  </div>
</template>

<script>
export default {
  name: "Watch2",
  data() {
    return {
      name: "",
    };
  },
  // 所有侦听器都应该被定义到watch节点下
  watch: {
    // 对象格式的侦听器
    name: {
      handler(newVal, oldVal) {
        console.log("新值====>", newVal);
        console.log("旧值====>", oldVal);
      },
      // true时：自动触发一次
      immediate: true,
    },
  },
};
</script>
